<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="<?=base_url()?>assets/grocery_crud/js/jquery-1.10.2.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un syst&egrave;me d'onglet en javascript</title>
<script type="text/javascript">
	$(function graphe() {
	        $('#container').highcharts({
	            title: {
	                text: ' nahnounoujrib ', // '<?=htmlentities($title, ENT_QUOTES)?>',
	                x: -20 //center
	            },
	            subtitle: {
	                text: 'tkherbi9',// "<?=$subtitle?>",
	                x: -20
	            },
	            xAxis: {
	                categories: ['2000','2001'] //<?=$xAxis?>
	            },
	            yAxis: {
	                title: {
	                    text: 'Tajriba' // "<?=$yAxis?>"
	                },
	                plotLines: [{
	                    value: 0,
	                    width: 1,
	                    color: "#808080"
	                }]
	            },
	            tooltip: {
	                valueSuffix:' Naissssssss' // "<?=$tooltip?>"
	            },
	            legend: {
	                layout: 'vertical',
	                align: 'right',
	                verticalAlign: 'middle',
	                borderWidth: 0
	            },
	            series: [{
	            	name : 'smiya dalo',
	            	data : [2,1]
	            },]//<?=$series?>
	        });
	    });
	    
	
	</script>
<style type="text/css">

</style>
</head>
<body>
	<div class="systeme_onglets">
		<div class="onglets">
			<span class="onglet_0 onglet" id="onglet_quoi"
				onclick="javascript:change_onglet('quoi');">Quoi</span> 
				<span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:graphe();">
					Qui
				</span> 
				<span
				class="onglet_0 onglet" id="onglet_pourquoi"
				onclick="javascript:change_onglet('pourquoi');">Pourquoi</span>
		</div>
		<div class="contenu_onglets">
			<div class="contenu_onglet" id="contenu_onglet_quoi">
				<s:if test="hasActionMessages()">
					<s:actionmessage />
				</s:if>
				<display:table id="Regions" name="listeRegions" pagesize="8"
					export="true" requestURI="/regions/derniereListe.action"
					decorator="services.displayTag.DecorateurSupprimerModifier">
					
					<display:column property="nom" title="nom" sortable="true" value ="identifiant" />
					<display:column property="description" title="chef lieu" sortable="true" value ="identifiant" />
					<display:column property="population" title="population" sortable="true" value ="identifiant" />
					<display:column property="boutonModifierRegion" title="" media="html" value ="identifiant"/>
					<display:column property="boutonSupprimerRegion" title="" media="html" value ="identifiant"/>
					
					


				</display:table>
				<form action="<%=request.getContextPath()%>/vues/emplacement/AjouterRegion.jsp">
					<input type="submit" value="Ajouter une nouvelle region"/>
				</form>

				<form action="<%=request.getContextPath()%>/regions/rechercherRegionRedirect.action">
					<input type="submit" value="Rechercher une region"/>
				</form>
				
			</div>
			<div class="contenu_onglet" id="contenu_onglet_qui">
				<h1>Qui?</h1>
				C'est un script r&eacute;alis&eacute; par Ybouane,<br /> Webmaster
				du site <a href="http://www.supportduweb.com/">http://www.supportduweb.com/</a>
			</div>
			<div class="contenu_onglet" id="contenu_onglet_pourquoi">
				<h1>Pourquoi?</h1>
				Pour simplifier la navigation et la diviser en parties
			</div>
		</div>
	</div>
	<script type="text/javascript">
		//<!--
		var anc_onglet = 'quoi';
		change_onglet(anc_onglet);
	//-->
	</script>
</body>
</html>